Frontend Forever App
We have a mobile app for you to download and use. And you can unlock many features in the app.
Get it now
Intall Later
Run
HTML
CSS
Javascript
Output
@import url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'); body { background-color:#141019; background: radial-gradient(at 50% -20%, #908392, #0d060e) fixed; } #handboy { animation: swing ease-in-out 1.3s infinite alternate; transform-origin: 98% 98%; transform-box: fill-box; } #girllight { animation: swing ease-in-out 1.3s infinite alternate; transform-origin: 0% 97%; transform-box: fill-box; } #hairgirl { animation: swinghair ease-in-out 1.3s infinite alternate; transform-origin: 60% 0%; transform-box: fill-box; } #zero { transform-origin:bottom; transform-box:fill-box; } /*************swing************/ @keyframes swing { 0% { transform: rotate(10deg); } 100% { transform: rotate(-10deg); } } /*************swing hair************/ @keyframes swinghair { 0% { transform: rotate(6deg); } 100% { transform: rotate(-6deg); } }
anime({ targets: '.row svg', translateY: 10, autoplay: true, loop: true, easing: 'easeInOutSine', direction: 'alternate' }); anime({ targets: '#zero', translateX: 10, autoplay: true, loop: true, easing: 'easeInOutSine', direction: 'alternate', scale: [{value: 1}, {value: 1.4}, {value: 1, delay: 250}], rotateY: {value: '+=180', delay: 200}, });